/*
用户上滑页面 滚动条触底 开始加载下一页数据
  1 找到滚动条触底事件  微信小程序官方开发文档
  2 判断还有没有下一页数据
    1 获取到总页数  现在只能获取总条数
      总页数 = Math.ceil(总条数 / 页容量 pagesize)
      总页数   = Math.ceil(23 / 10 )=3
    2 获取到当前的页码  pagenum
    3 判断一下 当前的页码是否大于等于 总页数
      表示没有下一页数据
  3 假如没有下一页数据 弹出提示
  4 假如还有下一页数据 来加载下一页数据
    1 当前的页码 ++ 
    2 重新发送请求
    3 数据请求回来 要对data 中的数组 进行拼接 而不是全部替换  

*/


import { requests } from '../../request/index.js'
import regeneratorRuntime from '../../lib/runtime/runtime';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    Tabs:[
      {
        id:0,
        value:"综合",
        isActive:true
      },
      {
        id:1,
        value:"销量",
        isActive:false
      },
      {
        id:2,
        value:"价格",
        isActive:false
      }
    ],
    goodList:[]
  },
  //接口要的参数
  QueryList: {
    query:'',
    cid:'',
    pagenum:1,
    pagesize:10
  },
  PageTotal:0,
  
  //获取子传来的数据
  tabsItemChang(e){
    const index = e.detail
    let tabs = this.data.Tabs
    tabs.forEach((v,i)=>{
      i===index?v.isActive=true:v.isActive=false
    })
    this.setData({
      Tabs:tabs
    })
    
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.QueryList.cid=options.cid
    this.getgoodList()
  },
  // 获取列表数据
  async getgoodList(){
    let res = await requests({url:'/goods/search',data:this.QueryList})
    let total =res.total
    this.PageTotal = Math.ceil(total/this.QueryList.pagesize)
    // console.log(this.PageTotal);
    this.setData({
      goodList:[...this.data.goodList,...res.goods]
    })
    // 关闭下拉窗口
    wx.stopPullDownRefresh()
  },
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if(this.QueryList.pagenum>=this.PageTotal){
     wx:wx.showToast({
       title: '滑到底了',
     })
      
    }else{
      this.QueryList.pagenum++;
      this.getgoodList();
    }
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    //清空列表
    this.setData({
      goodList:[]
    })
    // 重置页码为1
    this.QueryList.pagenum=1
    // 重新发起请求获取最新数据
    this.getgoodList();
  },



  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})